/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.inject-Grid-vars() {
  // 表格字号
  --tv-Grid-font-size: var(--tv-font-size-default, 14px);
  // 表格行高
  --tv-Grid-line-height: var(--tv-line-height-number, 1.5);
  // 表格文本色
  --tv-Grid-text-color: var(--tv-color-text, #191919);
  // 表格禁用文本色
  --tv-Grid-text-color-disabled: var(--tv-color-text-disabled, #c2c2c2);
  // 表格二级文本颜色，页码项文本色
  --tv-Grid-text-color-secondary: var(--tv-color-text-secondary, #595959);
  // 表格辅助文本色
  --tv-Grid-text-color-weaken: var(--tv-color-text-weaken, #808080);
  // 页码悬浮文本色
  --tv-Grid-list-item-hover-text-color: var(--tv-color-text, #191919);
  // 表格图标大小
  --tv-Grid-icon-size: var(--tv-icon-size, 16px);
  // 表格图标颜色
  --tv-Grid-icon-color: var(--tv-color-icon, #808080);
  // 表格图标悬浮颜色
  --tv-Grid-icon-color-hover: var(--tv-color-icon-hover, #191919);
  // 表格图标激活颜色
  --tv-Grid-icon-color-active: var(--tv-color-icon-active, #191919);
  // 表格图标禁用颜色
  --tv-Grid-icon-color-disabled: var(--tv-color-icon-disabled, #c2c2c2);
  // 表格分割线颜色
  --tv-Grid-border-color-divider: var(--tv-color-border-divider, #f0f0f0);
  // 表格边框颜色
  --tv-Grid-border-color: var(--tv-color-border, #c2c2c2);
  // 表格边框激活态颜色
  --tv-Grid-border-color-active: var(--tv-color-border-active, #191919);
  // 表格背景颜色
  --tv-Grid-bg-color: var(--tv-color-bg-3, #ffffff);
  // 表格悬浮背景色
  --tv-Grid-bg-color-hover: var(--tv-color-bg-hover, #f5f5f5);
  // 表格选中背景色
  --tv-Grid-bg-color-selected: var(--tv-color-bg-active-emphasize-light, #f0f7ff);
  // 表格浅灰色背景颜色（展开行、斑马纹等）
  --tv-Grid-gray-bg-color: var(--tv-color-bg-gray-1, #fafafa);
  // 表格浅展开行背景颜色
  --tv-Grid-expanded-row-bg-color: var(--tv-color-bg-3, #ffffff);
  // -------表头相关样式-------
  // 表头高度
  --tv-Grid-header-height: var(--tv-size-height-lg, 40px);
  // 表头垂直间距
  --tv-Grid-header-padding-y: 4px;
  // 表头背景颜色
  --tv-Grid-header-bg-color: var(--tv-color-bg-header, #f5f5f5);
  // 表头悬浮高亮背景色
  --tv-Grid-header-bg-color-hover: var(--tv-color-bg-hover-1, #deecff);
  // 表头字体颜色
  --tv-Grid-header-text-color: var(--tv-color-text-secondary, #595959);
  // 表头分割线颜色
  --tv-Grid-header-divider-color: var(--tv-color-border-divider-short, #dbdbdb);
  // 表头字重
  --tv-Grid-header-font-weight: var(--tv-font-weight-bold, 600);
  // 表头必填星号颜色
  --tv-Grid-header-required-icon-color: var(--tv-color-error-text, #f23030);
  // -------校验相关样式-------
  // 错误检验文本颜色
  --tv-Grid-error-text-color: var(--tv-color-error-text, #f23030);
  // 错误检验边框颜色
  --tv-Grid-error-border-color: var(--tv-color-error-border, #f23030);
  // 错误检验浅色背景颜色
  --tv-Grid-error-bg-color-light: var(--tv-color-error-bg-light, #fce3e1);
  // 错误检验背景颜色
  --tv-Grid-error-bg-color: var(--tv-color-error-bg, #f23030);
  // 错误检验图标颜色
  --tv-Grid-error-icon-color: var(--tv-color-error-icon, #f23030);
  // 成功校验边框颜色
  --tv-Grid-success-border-color: var(--tv-color-success-border, #5cb300);
  // 成功校验图标颜色
  --tv-Grid-success-icon-color: var(--tv-color-success-icon, #5cb300);
  // 成功校验背景颜色
  --tv-Grid-success-bg-color: var(--tv-color-success-bg, #5cb300);
  // 告警背景颜色
  --tv-Grid-warn-bg-color: var(--tv-color-warn-bg, #ff8800);
  // 主要背景颜色
  --tv-Grid-primary-bg-color: var(--tv-color-info-text-primary, #191919);
  // -------单元格样式-------
  // 单元格高度
  --tv-Grid-cell-height: var(--tv-size-height-xl, 48px);
  // 单元格垂直内边距
  --tv-Grid-cell-padding-y: calc(var(--tv-space-table-y, 4px) * 3);
  // 单元格水平内边距
  --tv-Grid-cell-padding-x: calc(var(--tv-space-table-x, 4px) * 4);
  // 单元格选中时边框颜色
  --tv-Grid-cell-border-color-selected: var(--tv-color-border-active, #191919);
  // -------多选框相关样式-------
  // 多选框图标大小
  --tv-Grid-checkbox-icon-size: var(--tv-icon-size, 16px);
  // 多选框图标颜色
  --tv-Grid-checkbox-icon-color: var(--tv-color-border, #c2c2c2);
  // 多选框图标悬浮颜色
  --tv-Grid-checkbox-icon-color-hover: var(--tv-color-border-hover, #191919);
  // 多选框图标选中颜色
  --tv-Grid-checkbox-icon-color-selected: var(--tv-color-bg-active-control, #1476ff);
  // 多选框图标禁用颜色
  --tv-Grid-checkbox-icon-color-disabled: var(--tv-color-bg-active-control, #1476ff);
  // 多选框禁用背景颜色
  --tv-Grid-checkbox-bg-color-disabled: var(--tv-color-bg-disabled, #f0f0f0);
  // 多选框禁用边框颜色
  --tv-Grid-checkbox-border-color-disabled: var(--tv-color-border-disabled, #dbdbdb);
  // 多选框边框圆角
  --tv-Grid-checkbox-border-radius: var(--tv-border-radius-sm, 4px);
  // ------单选框相关样式-------
  // 单选框图标大小
  --tv-Grid-radio-icon-size: calc(var(--tv-icon-size, 16px) + 2px);
  // 单选框图标颜色
  --tv-Grid-radio-icon-color: var(--tv-color-border, #c2c2c2);
  // 单选框图标悬浮颜色
  --tv-Grid-radio-icon-color-hover: var(--tv-color-border-hover, #191919);
  // 单选框图标选中颜色
  --tv-Grid-radio-icon-color-selected: var(--tv-color-bg-active-control, #1476ff);
  // 单选框禁用颜色
  --tv-Grid-radio-icon-color-disabled: var(--tv-color-bg-disabled, #f0f0f0);
  // 单选框禁用边框色
  --tv-Grid-radio-border-color-disabled: var(--tv-color-border-disabled, #dbdbdb);
  // -------筛选相关样式-------
  // 筛选一般背景色
  --tv-Grid-filter-bg-color: var(--tv-color-bg, #f5f5f5);
  // 筛选悬浮背景色
  --tv-Grid-filter-bg-color-hover: var(--tv-color-bg-hover, #f5f5f5);
  // 筛选输入框悬浮边框颜色
  --tv-Grid-filter-input-border-color-hover: var(--tv-color-border-hover, #191919);
  // 筛选输入框边框圆角
  --tv-Grid-filter-input-border-radius: var(--tv-border-radius-md, 6px);
  // 筛选输入框边框背景
  --tv-Grid-filter-input-bg-color: var(--tv-color-bg-secondary, #ffffff);
  // -------工具栏相关样式-------
  // 工具栏垂直边距
  --tv-Grid-toolbar-padding-y: var(--tv-space-xl, 16px);
  // 工具栏图标按钮大小
  --tv-Grid-toolbar-btn-icon-size: 14px;
  // 工具栏图标容器大小
  --tv-Grid-toolbar-btn-container-size: var(--tv-size-height-md, 32px);
  // 工具栏图标按钮颜色
  --tv-Grid-toolbar-btn-icon-color: var(--tv-color-icon-control, #191919);
  // 工具栏图标按钮边框色
  --tv-Grid-toolbar-btn-icon-border-color: var(--tv-color-border, #c2c2c2);
  // 工具栏图标按钮悬浮边框色
  --tv-Grid-toolbar-btn-icon-border-color-hover: var(--tv-color-border-hover, #191919);
  // 工具栏图标按钮边框圆角
  --tv-Grid-toolbar-btn-icon-border-radius: var(--tv-border-radius-md, 6px);
  // 工具栏字体颜色
  --tv-Grid-column-anchor-text-color: var(--tv-color-text, #191919);
  // 表格选中后背景色
  --tv-Grid-col-active-bg-color: var(--tv-color-bg-active-secondary, #ffffff);
  // 工具栏选中后背景色
  --tv-Grid-col-header-active-bg-color: var(--tv-color-bg-active-secondary, #ffffff);
  // 工具栏选中后边框色
  --tv-Grid-col-header-active-border-color: var(--tv-color-border-active, #191919);
  // 表格选中后边框色
  --tv-Grid-col-body-active-border-color: var(--tv-color-border-active, #191919);
  // -------mini/small表格-------
  // mini表格表头高度
  --tv-Grid-header-height-mini: var(--tv-size-height-sm, 28px);
  // mini单元格高度
  --tv-Grid-cell-height-mini: var(--tv-size-height-md, 32px);
  // mini表格单元格水平内边距
  --tv-Grid-cell-padding-x-mini: calc(var(--tv-space-table-x, 4px) * 4);
  // mini表格单元格垂直内边距
  --tv-Grid-cell-padding-y-mini: calc(var(--tv-space-table-y, 4px) * 1);
  // small表格表头高度
  --tv-Grid-header-height-small: var(--tv-size-height-md, 32px);
  // small单元格高度
  --tv-Grid-cell-height-small: var(--tv-size-height-lg, 40px);
  // small表格单元格水平内边距
  --tv-Grid-cell-padding-x-small: calc(var(--tv-space-table-x, 4px) * 4);
  // small表格单元格垂直内边距
  --tv-Grid-cell-padding-y-small: calc(var(--tv-space-table-y, 4px) * 2);
  // -------其他-------
  // 树节点图标右侧内边距
  --tv-Grid-tree-expand-icon-padding-right: var(--tv-space-md, 8px);
  // 内置输入框高度
  --tv-Grid-input-height: var(--tv-size-height-md, 32px);
  // 内置输入框垂直方向内边距
  --tv-Grid-input-padding-x: 0;
  // 内置输入框水平方向内边距
  --tv-Grid-input-padding-y: 12px;
  // 内置输入框文本颜色
  --tv-Grid-input-text-color: var(--tv-color-text, #191919);
  // 内置输入框边框色
  --tv-Grid-input-border-color: var(--tv-color-border, #c2c2c2);
  // 内置输入框框字体大小
  --tv-Grid-input-font-size: var(--tv-font-size-default, 14px);
  // 内置输入框背景色
  --tv-Grid-input-bg-color: var(--tv-color-bg-secondary, #ffffff);
  // 内置输入框边框圆角
  --tv-Grid-input-border-radius: var(--tv-border-radius-md, 6px);
  // 内置输入框悬浮边框颜色
  --tv-Grid-input-border-color-hover: var(--tv-color-border-hover, #191919);
  // 内置按钮背景色
  --tv-Grid-button-bg-color-default: var(--tv-color-bg-secondary, #ffffff);
  // 内置按钮行号
  --tv-Grid-button-line-height: var(--tv-line-height-number, 1.5);
  // 内置按钮高度
  --tv-Grid-button-height: var(--tv-size-height-md, 32px);
  // 内置按钮边框色
  --tv-Grid-button-border-color-default: var(--tv-color-border-secondary, #595959);
  // 内置按钮文字色
  --tv-Grid-button-text-color-default: var(--tv-color-text, #191919);
  // 内置按钮文字色
  --tv-Grid-button-border-radius: var(--tv-border-radius-md, 6px);
  // 内置按钮激活状态边框色
  --tv-Grid-button-border-color-active-default: var(--tv-color-border-secondary-hover, #c2c2c2);
  // 内置按钮padding
  --tv-Grid-button-padding-x: 24px;
  // 内置select的下拉框背景色
  --tv-Grid-select-option-bg-color: var(--tv-color-bg-2, #ffffff);
  // 内置select的下拉框选中状态背景色
  --tv-Grid-select-option-bg-color-hover: var(--tv-color-bg-hover, #f5f5f5);
  // 加载中背景色
  --tv-Grid-loading-mask-bg-color: var(--tv-color-bg-mask-block, rgba(255, 255, 255, 70%));
  // 边框模式复选框禁用边框色
  --tv-Grid-border-color-disabled: var(--tv-color-border-disabled, #dbdbdb);
  // 复选框过滤器模式底色
  --tv-Grid-bg-color-filter: var(--tv-color-bg-gray-2, #e6e6e6);
  // 复选框全选半选选中背景色
  --tv-Grid-bg-color-active: var(--tv-color-bg-active-control, #1476ff);
  // 复选框全选半选选中边框色
  --tv-Grid-border-color-inverse: var(--tv-color-text-inverse, #ffffff);
  // 复选框未选边框色
  --tv-Grid-unchecked-border-color: var(--tv-color-border, #c2c2c2);
  // 复选框未选边框hover色
  --tv-Grid-unchecked-border-color-hover: var(--tv-color-border-active, #191919);
  // 复选框选中禁用背景色
  --tv-Grid-checked-disabled-bg-color: var(--tv-color-icon-checked-disabled, #dbdbdb);
  // 复选框选中禁用边框色
  --tv-Grid-checked-disabled-border-color: var(--tv-color-bg-disabled-control-unactive, #dbdbdb);
  // 复选框禁用反白色
  --tv-Grid-icon-inverse-disabled: var(--tv-color-bg-inverse-disabled, #fff);
  // 默认复选框未选中禁用背景色
  --tv-Grid-bg-color-disabled: var(--tv-color-bg-disabled, #f0f0f0);
  // 表格对齐辅助线边框颜色
  --tv-Grid-align-line-border-color: var(--tv-color-bg-active-control, #1476ff);
}
